<template>
  <div class="list">
    <el-table
      :data="data">
      <el-table-column prop="date" label="月份" align="center">
      </el-table-column>
      <el-table-column prop="forecast" label="预计产量" align="center">
      </el-table-column>
      <el-table-column prop="actual" label="实际产量" align="center">
      </el-table-column>
      <el-table-column prop="completion" label="达成率" align="center">
      </el-table-column>
      <el-table-column prop="days" label="生产天数(天)" align="center">
      </el-table-column>
      <el-table-column prop="totalEnergy" label="总能耗成本(元)" align="center">
      </el-table-column>
      <el-table-column
        prop="avgEnergy"
        label="单车能耗成本(元/台)"
        align="center"
      >
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
import { listMonth } from "@/api/system/energy";
export default {
  name: "MonthTable",
  props: {
    data: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
   
    };
  },
  created() {},
};
</script>
<style lang="scss" scoped>
.list {
  margin-top: -600px;
  width: 45%;
  margin-left: 50%;
  height: 600px;
  border: 1px solid wheat;
  float: left;
}
</style>